<template>
    <ui-main :title="$route.name" no-padding>
        <div class="p-10">
            <ui-display :code="code" :comp="drawerCode"></ui-display>
            <ui-codemirror v-model="code"></ui-codemirror>
            <ui-load-md file="drawer"></ui-load-md>
        </div>
    </ui-main>
</template>
<script>
    import _test from './_test.vue'
    export default {
        name:'demo-drawer',
        data() {
            return {
                code: '',
                drawerCode : _test
            }
        },
        mounted() {
            setTimeout(() => {
                let code = () => import('./_vueCode.js')
                code().then((module) => {
                    this.code = module.default
                })
            }, 100)
        }
    }
</script>

